<template>
	<view class="wrap">
		<u-navbar :title="$t('sjxq')" title-width="340" :border-bottom="false" back-icon-color="#fff" title-color="#fff" :background="{ backgroundColor: '#0030A8' }"></u-navbar>
		<view class="tom-container">
			<view class="list">
				<view class="cell">
					<view class="left">{{$t('clid')}}</view>
					<view class="right" @tap="copy(pageData.tacticsId)">
						{{pageData.tacticsId}}
						<u-icon name="fuzhi" custom-prefix="custom-icon" size="28" style="margin-left: 12rpx;"></u-icon>
					</view>
				</view>
				<view class="cell">
					<view class="left">{{$t('lhlx')}}</view>
					<view class="right">{{pageData.quantifyType}}</view>
				</view>
				<view class="cell">
					<view class="left">{{$t('jybzd')}}</view>
					<view class="right">{{pageData.currencyPair}}</view>
				</view>
				<view class="cell">
					<view class="left">{{$t('jylzsz')}}</view>
					<view class="right">{{pageData.grandAmount}} USDT</view>
				</view>
				<view class="cell">
					<view class="left">{{$t('ljxdzjz')}}</view>
					<view class="right">{{pageData.orderAmountTotal}} USDT</view>
				</view>
				<view class="cell">
					<view class="left">{{$t('ptsqyj')}}</view>
					<view class="right">{{pageData.platformFees}} USDT</view>
				</view>
				<view class="cell">
					<view class="left">{{$t('jysmc')}}</view>
					<view class="right">{{pageData.exchangeName}}</view>
				</view>
				<view class="cell">
					<view class="left">{{$t('clkssj')}}</view>
					<view class="right">{{pageData.strategyStartDate}}</view>
				</view>
				<view class="cell">
					<view class="left">{{$t('cljssj')}}</view>
					<view class="right">{{pageData.strategyEndDate}}</view>
				</view>
				<view class="cell">
					<view class="left">{{$t('cjsj')}}</view>
					<view class="right">{{pageData.createDate}}</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			pageData:{},
		};
	},
	filters:{
		formQuantifyType(val){
			if(val =='') return this.$t('heyue1');
			if(val =='') return this.$t('heyue2');
			if(val =='') return this.$t('heyue3');
			if(val =='') return this.$t('xianhuo');
		}
	},
	onLoad(options) {
		this.pageData =JSON.parse(options.item);
		console.log(this.pageData)
	},
	methods: {
		copy(val){
			this.$utils.copy(val);
		},
	}
};
</script>

<style lang="scss" scoped>
.list {
	flex: 1;
	border-radius: 20rpx;
	overflow: auto;
	background-color: #fff;
	margin: $nr-padd;
	.cell{
		display: flex;
		align-items: center;
		justify-content: space-between;
		border: 2rpx solid $page-bg;
		padding: 30rpx $nr-padd;
		.left{
			color: $tom-text-color;
			font-size: 28rpx;
			font-weight: bold;
			width: 210rpx;
		}
		.right{
			color: $tom-text-sub-color;
			font-size: 28rpx;
		}
	}
}
</style>